<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>生成随机颜色案例</title>
</head>

<body>
  <script>
    // 生成随机颜色案例
    /*
     1. 封装一个颜色函数 getRandomColor 
     2. 返回rgb格式的颜色
     3. 返回十六进制的颜色
    */
    let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f']
    //在外面定义一个字符串进行拼接
    let str = ''
    // 初始值设置为true  当为空的时候也是满足条件的
    function getRandomColor(boolean = true) {
      if (boolean) {
        // 获取六个长度的元素
        for (let i = 1; i <= 6; i++) {
          // 获取随机元素
          let random = Math.floor(Math.random() * arr.length)
          // 
          str += arr[random]
        }
        return `#${str}`
      } else {
        let r = Math.floor(Math.random() * 256)
        let g = Math.floor(Math.random() * 256)
        let n = Math.floor(Math.random() * 256)
        return `rbg(${r},${g},${b})`
      }

    }
    const r1 = getRandomColor()
    console.log(r1)


  </script>
</body>

</html>